<div class="main"  v-loading="isLoading">
    <div :class="'base '+$vFN.Tools.getProjectType()">
        <div class="head">
            <div class="title">
                基础设置
            </div>
        </div>
        <div style="padding: 12px 0;" >
            <el-button type="primary" @click="editBoxOpen({type:'basic'})" >
                编辑设置
            </el-button>
        </div>
        <div class="describe" >
            <div class="w10" >收银台状态：{{form.status == 1 ? "开启" : "关闭"}}</div>
            <div class="w10" v-if="$vFN.Tools.getProjectType() == 'site'">
                平台提成：{{ form.cost_ratio }}%
            </div>
            <div class="w10" v-if="$vFN.Tools.getProjectType() == 'site'">支付方式：
                <span v-for="item in form.type" :key="item.type" style="margin-left: 5px;">
                    {{ item }}
                </span>
                <span v-if="form.type.length == 0">暂无</span>
            </div>
            <div class="w10">
                我的资产：
                <span v-for="item in integralList" :key="item.type" style="margin-left: 5px;">
                    {{ item }}
                </span>
                <span v-if="integralList.length == 0">暂无</span>
            </div>
        </div>
        <div class="button">
            <el-popover placement="bottom-start"  trigger="click"
                @show="showCode()">
                <ShareQrcodeBox :apiConfig="$vFN.Tools.getAppGlobalData('componentsApiConfig.SelectDataGoods',appWindow)" 
                                ref="shareQrcodeBoxCashier" 
                                :appWindow="appWindow">
                </ShareQrcodeBox>
                <div class="ul" slot="reference">
                    <el-button  size="medium">
                        获取入口地址
                    </el-button>
                </div>
            </el-popover>
        </div>
    </div>
    <div class="list" v-if="$vFN.Tools.getProjectType() == 'site'">
        <div class="head">
            <div class="title">
                门店单独设置
            </div>
        </div>
        <div style="padding: 12px 0;">
            <el-button type="primary" @click="editBoxOpen({type:'add'})">
                新增设置
            </el-button>
        </div>
        <!-- 表格 -->
         <div class="table">
                <el-table v-loading="mixinTable_loading" :data="mixinTable_tableData" default-expand-all 
                    border style="width: 100%;" height="530px" @selection-change="mixinTable_handleSelectionChangeTableSmall">
                    <el-table-column prop="store_id" width="50" align="center" label="ID">
                     </el-table-column>
                    <el-table-column prop="store_name" label="门店名称">
                     </el-table-column>
                    <el-table-column prop="cost_ratio" label="平台提成">
                        <template slot-scope="scope">
                        {{ scope.row.cost_ratio }}%
                        </template>
                    </el-table-column>
                    <el-table-column label="操作">
                                <template slot-scope="scope">
                                    <el-button
                                        @click="modifyBoxOpen({type:'update',id:scope.row.id,store_id:scope.row.store_id,cost_ratio:scope.row.cost_ratio})">
                                        修改</el-button>
                                    <el-button type="danger" @click="del(scope.row.id)">删除</el-button>
                                </template>
                    </el-table-column>
                </el-table>
          </div>
         <!-- 分页 -->
        <div class="page">
        <el-pagination class="paginationStyle" v-if="mixinTable_pageData.total>0" background
                @current-change="mixinTable_pagingData($event)" :current-page="mixinTable_pageData.pageNum"
                :page-size.sync="$vFN.Constants.pageSize" layout="total, prev, pager, next,jumper"
                :total.sync="mixinTable_pageData.total">
        </el-pagination>
         </div>
    </div>
</div>